<template lang="html">

  <div class="risk-assessment">
    <Header>
      <mu-icon value="arrow_back" slot="left" @touchend="back"></mu-icon>
      <span slot="title">风险评估</span>
    </Header>
    <div class="empty-show-box">
      <p class="empty-box-text">暂无内容</p>
    </div>
  </div>

</template>

<script lang="js">
  // 引入header
  import Header from '@/components/Header';
  export default  {
    name: 'risk-assessment',
    props: [],
    mounted () {

    },
    data () {
      return {

      }
    },
    methods: {
      // 后退
      back() {
          // this.$router.push('/my');
          this.$router.go(-1);
      },
    },
    computed: {

    },
    // 注册组件
    components: { Header }
}


</script>

<style scoped lang="scss">
  .risk-assessment {
    .header {
      position: relative;
      .mu-icon {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
      }
      span {
          display: block;
          text-align: center;
      }
    }
    .empty-box-text {
      color: #999;
      font-size: 16px;
      text-align: center;
      padding: 60px;
    }
  }
</style>
